var g_wei= document.querySelector("#guan");
var wei = document.querySelector("#wei");

g_wei.addEventListener("mouseover",function(){
    wei.style.display = "block"
});
g_wei.addEventListener("mouseleave",function(){
    wei.style.display = "none"
});


var xin = document.querySelector("#xin");
var fo = document.querySelector("#fo");

xin.addEventListener("mouseover",function(){
    fo.style.display = "block"
});
xin.addEventListener("mouseleave",function(){
    fo.style.display = "none"
});

var ti1 = document.querySelector("#mao");
var bbr = document.querySelector("#bbr");
var tt = document.querySelector("#in-1");
var tt1 = document.querySelector("#in-1");

ti1.addEventListener("mouseover",function(){
    bbr.style.display = "block"
});
ti1.addEventListener("mouseleave",function(){
    bbr.style.display = "none"
});
tt.addEventListener("mouseover",function(){
    bbr.style.display = "block"
});
tt.addEventListener("mouseleave",function(){
    bbr.style.display = "none"
});
bbr.addEventListener("mouseover",function(){
    bbr.style.display = "block"
});
bbr.addEventListener("mouseleave",function(){
    bbr.style.display = "none"
});


var dong = document.querySelector("#dong");
var jin = document.querySelector("#jin");
var tt2 = document.querySelector("#in-1");
var tt3 = document.querySelector("#in-1");

dong.addEventListener("mouseover",function(){
    jin.style.display = "block"
});
dong.addEventListener("mouseleave",function(){
    jin.style.display = "none"
});
jin.addEventListener("mouseover",function(){
    jin.style.display = "block"
});
jin.addEventListener("mouseleave",function(){
    jin.style.display = "none"
});
bbr.addEventListener("mouseover",function(){
    bbr.style.display = "block"
});
bbr.addEventListener("mouseleave",function(){
    bbr.style.display = "none"
});



var top1 = document.querySelector("#fan");

window.onscroll = function(){
    if(document.documentElement.scrollTop >= 0 || document.body.scrollTop >= 0){
        top1.style.display = "block"
    }else {
        top1.style.display = "none"
    }
};
top1.addEventListener('click',function(){
    window.scrollTo(0,0);

});

var an1 = document.querySelector("#an1");
var an = document.querySelector("#an");

an1.addEventListener("mouseover",function(){
    an.style.display = "block";
});
an1.addEventListener("mouseleave",function(){
    an.style.display = "none"
});
an.addEventListener("mouseover",function(){
    an.style.display = "block"
});
an.addEventListener("mouseleave",function(){
    an.style.display = "none"
});







var nav1 = document.querySelectorAll(".a-1 > li");
var bt1 = document.querySelectorAll(".nav-1-middle > div");

for(var k = 0;k<nav1.length;k++){
    nav1[k].index = k;
    nav1[k].addEventListener('mouseover',function(){
        for(var t = 0;t<nav1.length;t++){
            nav1[t].classList.remove('active');
            bt1[t].classList.remove('active')
        }
        this.classList.add('active');
        bt1[this.index].classList.add('active')
    })
}











var nav = document.querySelectorAll('.aa-3-1 > li');
var bt = document.querySelectorAll('.aa-3-b > div');

for(var i = 0;i < nav.length;i++){
    nav[i].index = i;
    nav[i].addEventListener('mouseover',function(){
        for(var j = 0;j < nav.length;j++){
            nav[j].classList.remove('active');
            bt[j].classList.remove('active');
        }
        this.classList.add('active');
        bt[this.index].classList.add('active');
    })
}













var an2 = document.querySelector("#an2");
var a2 = document.querySelector("#a2");

an2.addEventListener("mouseover",function(){
    a2.style.display = "block";
});
an2.addEventListener("mouseleave",function(){
    a2.style.display = "none"
});
a2.addEventListener("mouseover",function(){
    a2.style.display = "block"
});
a2.addEventListener("mouseleave",function(){
    a2.style.display = "none"
});



var me= document.querySelector("#me");
var me1 = document.querySelector("#me1");

me.addEventListener("mouseover",function(){
    me1.style.display = "block";
});
me.addEventListener("mouseleave",function(){
    me1.style.display = "none"
});
me1.addEventListener("mouseover",function(){
    me1.style.display = "block"
});
me1.addEventListener("mouseleave",function(){
    me1.style.display = "none"
});



var zui= document.querySelector("#zui");
var zui1 = document.querySelector("#zui1");

zui.addEventListener("mouseover",function(){
    zui1.style.display = "block";
});
zui.addEventListener("mouseleave",function(){
    zui1.style.display = "none"
});
zui1.addEventListener("mouseover",function(){
    zui1.style.display = "block"
});
zui1.addEventListener("mouseleave",function(){
    zui1.style.display = "none"
});

var zh= document.querySelector("#zh");
var zh1 = document.querySelector("#zh1");

zh.addEventListener("mouseover",function(){
    zh1.style.display = "block";
});
zh.addEventListener("mouseleave",function(){
    zh1.style.display = "none"
});
zh1.addEventListener("mouseover",function(){
    zh1.style.display = "block"
});
zh1.addEventListener("mouseleave",function(){
    zh1.style.display = "none"
});

var gong= document.querySelector("#gong");
var gong1 = document.querySelector("#gong1");

gong.addEventListener("mouseover",function(){
    gong1.style.display = "block";
});
gong.addEventListener("mouseleave",function(){
    gong1.style.display = "none"
});
gong1.addEventListener("mouseover",function(){
    gong1.style.display = "block"
});
gong1.addEventListener("mouseleave",function(){
    gong1.style.display = "none"
});


var img = document.querySelector("#img");
var img1 = document.querySelector("#img1");
var ul = document.querySelector("#ul");
function s(){
    img1.style.display = "block";
    ul.style.display = "block";
    img.style.display = "none"
}
function f(){
    img1.style.display = "none";
    ul.style.display = "none";
    img.style.display = "block"
}

var tg = document.querySelector("#mao");
var tr = document.querySelector("#dong");
var ty = document.querySelector("#in-1 ins");
var tu = document.querySelector("#in-2 ins");

tg.addEventListener("mouseover",function(){
    ty.style.display = "block"
});
tg.addEventListener("mouseleave",function(){
    ty.style.display = "none"
});
tr.addEventListener("mouseover",function(){
    tu.style.display = "block"
});
tr.addEventListener("mouseleave",function(){
    tu.style.display = "none"
});

